@import "@automattic/typography/styles/variables";
.magic-login__emails-list {

	ul {
		list-style: none;
		margin: 0;

		li {
			height: 48px;
			border-radius: 4px;
			border: 1px solid var(--gray-gray-50, #646970);
			background: #fff;
			display: flex;

			&:hover {
				border-color: var(--color-neutral-20);
				color: var(--color-neutral-70);
			}
			a {
				width: 100%;
				font-size: $font-body-small;
				color: var(--gray-gray-80, #2c3338);
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 4px 16px;
				font-weight: 500;

				p {
					text-align: center;
					width: 100%;
					margin: 0;
				}
			}
		}
	}
}
